<template lang="">
	<view class="u-navbar">
		<u-navbar class="navbar" :bgColor="bgColor" height="112rpx">
		<view class="left" slot="left">
			<u-icon name="bell" size="70rpx" color="#7f7f7f"></u-icon>
		</view>
		<view slot="center">
			<view class="center">
				<text>{{title}}</text>
			</view>
		</view>
		<view class="right" slot="right">
			<u-icon name="search" size="70rpx" color="#7f7f7f"></u-icon>
		</view>
	</u-navbar>
	</view>
</template>
<script>
export default {
	props: {
		title: {
			type: String,
			default: "我的"
		},
		bgColor: {
			type: String,
			default: "#74b9ff"
		}
	},
	data() {
		return {
			
		}
	},
}
</script>
<style lang="scss">
	.navbar {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 40rpx;
		height: 132rpx;
		.center {
			font-size: 64rpx;
			color: #333333;
			height: 100%;
			line-height: 100%;
			text-align: center;
		}
	}
	.u-navbar ::v-deep text {
		font-size: 60rpx;
		color: #333333;
		height: 100%;
		line-height: 100%;
		text-align: center;
	}
</style>